import './index.scss'
import image1 from "@/assets/403_images/403.png"
import image2 from "@/assets/403_images/403_cloud.png"
import { useNavigate } from 'react-router-dom'
function error403() {
    const navigate = useNavigate()
    function handleClick() {
        navigate('/')
    }
    return (
        <div className="app-container">
            <div className="app-container-inner">
                <div className="wscn-http403-container">
                    <div className="wscn-http403">
                        <div className="pic-403">
                            <img className="pic-403__parent" src={image1} alt="403" />
                            <img className="pic-403__child left" src={image2} alt="403" />
                            <img className="pic-403__child mid" src={image2} alt="403" />
                            <img className="pic-403__child right" src={image2} alt="403" />
                        </div>
                        <div className="bullshit">
                            <div className="bullshit__oops">您没有访问权限！</div>
                            <div className="bullshit__info">请检查URL地址是否正确, 或点击回到首页。</div>
                            <div className="bullshit__return-home" onClick={handleClick}>回到首页</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}
export default error403